<template>
    <!-- header -->
    
  <div class="nav-container page-component">
        <!--左侧导航 #start -->
        
    <div class="nav left-nav">
            
      <div class="nav-item">
                <span
          class="v-link clickable dark"
          :onclick="
            'javascript:window.location=\'/hosp/' + hospital.hoscode + '\''
          "
          >预约挂号 </span
        >
              
      </div>
            
      <div class="nav-item selected">
                <span
          class="v-link selected dark"
          :onclick="
            'javascript:window.location=\'/hosp/detail/' +
            hospital.hoscode +
            '\''
          "
          > 医院详情 </span
        >
              
      </div>
            
      <div class="nav-item">
                <span
          class="v-link clickable dark"
          :onclick="
            'javascript:window.location=\'/hosp/notice/' +
            hospital.hoscode +
            '\''
          "
          > 预约须知 </span
        >
              
      </div>
            
      <div class="nav-item">
        <span class="v-link clickable dark"> 停诊信息 </span>       
      </div>
            
      <div class="nav-item">
        <span class="v-link clickable dark"> 查询/取消 </span>       
      </div>
          
    </div>
        <!-- 左侧导航 #end -->

        <!-- 右侧内容 #start -->
        
    <div class="page-container">
            
      <div class="hospital-detail">
                
        <div class="common-header">
                    
          <div class="title-wrapper">
            <span class="hospital-title">{{ hospital.hosname }}</span>
                        
            <div class="icon-wrapper">
              <span class="iconfont"></span> {{ hospital.param.hostype }}
            </div>
                      
          </div>
      
        </div> 
        <div class="info-wrapper">
          <img
            :src="'data:image/jpeg;base64,' + hospital.logoData"
            :alt="hospital.hosname"
            style="width: 80px;  height: 80px" />        
          <div class="content-wrapper">
                        
            <div></div>
                        
            <div></div>
                        
            <div></div>
        
            <div>            
              <div class="icon-text-wrapper">
                <span class="iconfont prefix-icon"></span> <span class="text"
                  ><p>{{ hospital.route }}</p>
                                </span
                ><span class="iconfont right-icon"></span>
              </div>
                          
            </div>
                      
          </div>
                  
        </div>
                
        <div class="title mt40"> 医院介绍</div>
                
        <div class="detail-content mt40">
          <p>{{ hospital.intro }}</p>
        </div>
              
      </div>
          
    </div>
        <!-- 右侧内容 #end -->
  </div>
  
  
    <!-- footer -->
</template>

<script>
import "~/assets/css/hospital_personal.css";
import "~/assets/css/hospital.css";

import hospitalApi from "@/api/hospital";
export default {
  data() {
    return {
      hoscode: null,
      hospital: {
        param: {},
      },
    };
  },
  created() {
    this.hoscode = this.$route.params.hoscode;
    //渲染页面
    this.init();
  },
  methods: {
    init() {
      hospitalApi.show(this.hoscode).then((response) => {
        console.log("hospital=>" + response.data.hospital);
        this.hospital = response.data.hospital;
      });
    },
  },
};
</script>

<style>
.hospital-detail .info-wrapper {
width: 100%;
padding-left: 0;
padding-top: 0;
margin-top: 0;
flex-direction: inherit;
}
.hospital-detail .info-wrapper .text  {
font-size: 14px;
}
.hospital-detail .content-wrapper p  {
text-indent: 0;
}
</style>